<template>
  <div class="swiper">
    <el-carousel :interval="3000" type="card">
      <el-carousel-item v-for="(item,index) in swiperList" :key="index">
        <img :src="item.picImg" height="300px">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
import {swiperList} from '@/assets/data/swiper.js'
export default {
    name: 'swiper',
    components: {},
    props: {},
    data () {
      return {
        swiperList: [], // 轮播图列表
      }
    },
    computed: {},
    watch: {},
    created () {
      this.swiperList = swiperList;
    },
    methods: {}
}
</script>
<style lang="scss" scoped>
@import '../assets/css/swiper.scss'; 
</style>